<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>2018/12/4</title>
    <script src="http://mockjs.com/dist/mock.js"></script>
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <script></script>
    <!--好的代码像粥一样,是得用时间和精力熬的。-->
</head>
<body>
<script>
    var template = {
        'title':'Syntax Demo',
        'string1|1-10': '★',
        'string2|3': 'value',

        'number1|+1': 100,
        'number2|1-100': 100,
        'number3|1-100.1-10': 1,
        'number4|123.1-10': 1,
        'number5|123.3': 1,
        'number6|123.10': 1.123,

        'boolean1|1': true,
        'boolean2|1-2': true,

        'object1|2-4': {
            '110000': '北京市',
            '120000': '天津市',
            '130000': '河北省',
            '140000': '山西省'
        },
        'object2|2': {
            '310000': '上海市',
            '320000': '江苏省',
            '330000': '浙江省',
            '340000': '安徽省'
        },

        'array1|1': ['AMD', 'CMD', 'KMD', 'UMD'],
        'array2|1-10': ['Mock.js'],
        'array3|3': ['Mock.js'],

        'function': function() {
            return this.title
        }
    };
    var data = Mock.mock(template);

    $('<pre>').text(JSON.stringify(data, null, 4))
        .appendTo('body');

    //JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，如果指定了replacer是一个函数，
    // 则可以替换值，或者如果指定了replacer是一个数组，可选的仅包括指定的属性。
    //JSON.stringify(value[, replacer [, space]])
    //value:  要转换的 JavaScript 值（通常为对象或数组）。

    //replacer:  用于转换结果的函数或数组。
    //如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。
    // 如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。
    //如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。

    //space:  文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，
    // 则文本缩进 10 个空格。space 也可以使用非数字，如：\t。

    //appendTo:在每个 <body> 元素的结尾插入 <pre> 元素：
</script>
</body>
</html>
